layui.define(['form', 'laydate', 'table','element'], function (exports) {
    var form = layui.form;
    var laydate = layui.laydate;
    var table = layui.table;
    var customerInfoTable = null;
    var element = layui.element;

    var view = {
        init: function () {
            this.initTable();
            this.initSearchForm();
            this.initToolBar();
            window.dataReload = function () {
                Lib.doSearchForm($("#searchForm"), customerInfoTable)
            }
        },
        initTable: function () {

            customerInfoTable = table.render({
                elem: '#customerInfoTable',
                height: Lib.getTableHeight(0),
                cellMinWidth: 100,
                method: 'post',
                url: Common.ctxPath + '/customer/register/list.json' // 数据接口
                , page:   false//Lib.tablePage // 开启分页
                // , limit: 10,
                ,cols: [[ // 表头
                    {
                        field: 'date',
                        title: '日期',
                        templet:function (d) {
                            var type =  $("input[name='type']:checked").val();
                            if(type==1){
                                return d.date+"月";
                            }else{
                                return d.date+"日";
                            }
                        }
                    },
                    {
                        field: 'total',
                        title: '注册人数',
                    },
                    {
                        field: 'rate',
                        title: '百分比',
                        templet:function (d) {
                            return '<div class="layui-progress layui-progress-big" lay-showPercent="true">\n' +
                                '<div class="layui-progress-bar layui-bg-blue" lay-percent="'+d.rate+'%"></div>\n' +
                                '</div>';
                        }
                    }

                ]]
                ,done:function (res,currentCount) {
                    //***重点***：table渲染完成后渲染element进度条
                    element.render()
                }


            });
            table.on('sort(customerInfoTable)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                console.log(obj.field); //当前排序的字段名
                console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
                console.log(this); //当前排序的 th 对象

                //尽管我们的 table 自带排序功能，但并没有请求服务端。
                //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：
                table.reload('customerInfoTable', {
                    initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                    , where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                        field: obj.field //排序字段
                        , order: obj.type //排序方式
                    }
                });
            });
            table.on('checkbox(customerInfoTable)', function (obj) {
                var customerInfo = obj.data;
                if (obj.checked) {
                    //按钮逻辑Lib.buttonEnable()
                } else {

                }
            })
        },

        initSearchForm: function () {
            Lib.initSearchForm($("#searchForm"), customerInfoTable, form);
        },
        initToolBar: function () {

        }
    }
    exports('index', view);

});